<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>360导航</title>
	<link rel="stylesheet" href="index.css">
	<script src="index.js"></script>
</head>
<body>
	<div class="con" id="con">
		<ul class="inner" id="inner">
			<li class="cutf page page1">
				<div class="search">
					<div class="search-logo" id="search-logo">
						<img id="engine" src="img/baidu.png" alt="">
						<ul class="none_search" id="allsearch">
							<li><img src="img/baidu.png" alt="">百度</li>
							<li><img src="img/sogou.png" alt="">搜狗</li>
							<li><img src="img/guge.png" alt="">谷歌</li>
						</ul>
					</div>
					<input id="hint" type="text" placeholder="百度一下">
					<div class="search-btn" id="search-btn">
						<img src="img/sousuo.png" alt="">
						搜索
					</div>
				</div>
				<!-- 拖拽 -->
				<ul class="drag" id="drag">
					<li class="addblock">
						<h1 class="popup"></h1>
						<div class="drag_inner">
							<a href="http://www.ifeng.com/"><img src="img/daohang(1).png" alt=""></a>
							<h2>
								<p>凤凰网</p>
								<i class="drag_I"></i>
							</h2>
						</div>
					</li>
					<li class="addblock">
						<h1 class="popup"></h1>
						<div class="drag_inner">
							<a href="http://www.sohu.com"><img src="img/daohang(2).png" alt=""></a>
							<h2>
								<p>搜狐</p>
								<i class="drag_I"></i>
							</h2>
						</div>
					</li>
					<li class="addblock">
						<h1 class="popup"></h1>
						<div class="drag_inner">
							<a href="http://www.163.com"><img src="img/daohang(3).png" alt=""></a>
							<h2>
								<p>网易</p>
								<i class="drag_I"></i>
							</h2>
						</div>
					</li>
					<li class="">
						<h1 class="popup"></h1>
						<div>
							<a href=""><img src="" alt=""></a>
							<h2>
								<p></p>
								<i></i>
							</h2>
						</div>
					</li>
					<li class="">
						<h1 class="popup"></h1>
						<div>
							<a href=""><img src="" alt=""></a>
							<h2>
								<p></p>
								<i></i>
							</h2>
						</div>
					</li>
					<li class="">
						<h1 class="popup"></h1>
						<div>
							<a href=""><img src="" alt=""></a>
							<h2>
								<p></p>
								<i></i>
							</h2>
						</div>
					</li>
					<li class="">
						<h1 class="popup"></h1>
						<div>
							<a href=""><img src="" alt=""></a>
							<h2>
								<p></p>
								<i></i>
							</h2>
						</div>
					</li>
					<li class="">
						<h1 class="popup"></h1>
						<div>
							<a href=""><img src="" alt=""></a>
							<h2>
								<p></p>
								<i></i>
							</h2>
						</div>
					</li>
					<li class="">
						<h1 class="popup"></h1>
						<div>
							<a href=""><img src="" alt=""></a>
							<h2>
								<p></p>
								<i></i>
							</h2>
						</div>
					</li>
					<li class="">
						<h1 class="popup"></h1>
						<div>
							<a href=""><img src="" alt=""></a>
							<h2>
								<p></p>
								<i></i>
							</h2>
						</div>
					</li>
					<li class="">
						<h1 class="popup"></h1>
						<div>
							<a href=""><img src="" alt=""></a>
							<h2>
								<p></p>
								<i></i>
							</h2>
						</div>
					</li>
					<li class="">
						<h1 class="popup"></h1>
						<div>
							<a href=""><img src="" alt=""></a>
							<h2>
								<p></p>
								<i></i>
							</h2>
						</div>
					</li>
				</ul>
			</li>
			<li class="cutf page">
				<img src="img/page2.jpg" alt="">
			</li>
			<li class="cutf page">
				<img src="img/page3.jpg" alt="">
			</li>
			<li class="cutf page">
				<img src="img/page4.jpg" alt="">
			</li>
		</ul>
		<div class="movelogo conleft"></div>
		<div class="movelogo conright"></div>
	</div>

	<div class="title" id="title">
		<ul>
			<li class="sh now">我的网址</li>
			<li class="sh"><i></i>精彩直播</li>
			<li class="sh">热播影视</li>
			<li class="sh"><i></i>今日头条</li>
		</ul>
		<div class="add_page" id="add_page"></div>
	</div>




	<!-- 添加网站 -->
	<div class="addsites_bg" id="addsites_bg">
		<div class="addsites">
			<div class="addsites_top">
				<p class="fl">添加网址</p>
				<div class="fr">
					<input placeholder="查找网站" type="text">
					<i id="addsites_close"></i>
				</div>
			</div>
			<ul class="title">
				<li class="active">热门推荐</li>
				<li>热门推荐</li>
				<li>热门推荐</li>
				<li>热门推荐</li>
				<li>热门推荐</li>
				<li>热门推荐</li>
				<li>热门推荐</li>
				<li>热门推荐</li>
				<li>热门推荐</li>
				<li>热门推荐</li>
			</ul>
			<ul class="fl sites" id="sites">
				<li>
					<i class="active"></i>
					<img src="img/daohang(1).png" as="http://www.ifeng.com/" alt="">
					<p>凤凰网</p>
				</li>
				<li>
					<i class="active"></i>
					<img src="img/daohang(2).png" as="http://www.sohu.com/" alt="">
					<p>搜狐</p>
				</li>
				<li>
					<i class="active"></i>
					<img src="img/daohang(3).png" as="http://www.163.com/" alt="">
					<p>网易</p>
				</li>
				<li>
					<i></i>
					<img src="img/daohang(4).png" as="http://qzone.qq.com/" alt="">
					<p>QQ空间</p>
				</li>
				<li>
					<i></i>
					<img src="img/daohang(5).png" as="http://www.360kan.com/index.html" alt="">
					<p>影视大全</p>
				</li>
				<li>
					<i></i>
					<img src="img/daohang(6).png" as="http://weibo.com/" alt="">
					<p>新浪微博</p>
				</li>
				<li>
					<i></i>
					<img src="img/daohang(7).png" as="http://www.youku.com/" alt="">
					<p>优酷</p>
				</li>
				<li>
					<i></i>
					<img src="img/daohang(8).png" as="http://www.baidu.com/" alt="">
					<p>百度</p>
				</li>
				<li>
					<i></i>
					<img src="img/daohang(9).png" as="http://www.jd.com/" alt="">
					<p>京东</p>
				</li>
				<li>
					<i></i>
					<img src="img/daohang(10).png" as="http://www.taobao.com/" alt="">
					<p>淘宝网</p>
				</li>
				<li>
					<i></i>
					<img src="img/daohang(11).png" as="http://hao.360.cn/" alt="">
					<p>360导航</p>
				</li>
				<li>
					<i></i>
					<img src="img/daohang(12).png" as="http://www.360kan.com/" alt="">
					<p>360影视</p>
				</li>
			</ul>
		</div>
	</div>




	<!-- 页面增减open -->
	<div class="addbg" id="addbg">
		<div class="addcon">
			<div class="close" id="pageclose"></div>
			<div class="manage"></div>
			<ul>
				<li>
					<i class="s"></i>
					<img src="img/icon_most.png" alt=""><br>
					<span>我的网站</span>
				</li>
				<li>
					<i class="s"></i>
					<img src="img/icon_huajiao.png" alt=""><br>
					<span>精彩直播</span>
				</li>
				<li>
					<i class="s"></i>
					<img src="img/icon_video.png" alt=""><br>
					<span>热播影视</span>
				</li>
				<li>
					<i class="s"></i>
					<img src="img/icon_news.png" alt=""><br>
					<span>今日头条</span>
				</li>
			</ul>
		</div>
	</div>
	<div class="bg_img" id="bg_img">
		<div class="bg_top">
			<span class="fl">自定义背景</span>
			<span class="fr" id="bgclose">×</span>
		</div>
		<div class="allbgimg" id="allbgimg">
			<div class="left"></div>
			<div class="allimg">
				<ul id="inter">
					<li><img src="img/BackgroundImage1.jpg" alt=""><i class="show"></i></li>
					<li><img src="img/BackgroundImage2.jpg" alt=""><i></i></li>
					<li><img src="img/BackgroundImage3.jpg" alt=""><i></i></li>
					<li><img src="img/BackgroundImage4.jpg" alt=""><i></i></li>
					<li><img src="img/BackgroundImage5.jpg" alt=""><i></i></li>
					<li><img src="img/BackgroundImage6.jpg" alt=""><i></i></li>
					<li><img src="img/BackgroundImage7.jpg" alt=""><i></i></li>
					<li><img src="img/BackgroundImage8.jpg" alt=""><i></i></li>
				</ul>
			</div>
			<div class="right"></div>
		</div>
	</div>
	<!-- 背景图切换open -->
	<div class="changebg" id="changebg"></div>

	
</body>
</html>